<template>
    <div class="home-panel">
        <div class="container">
            <div class="head">
                <h3>{{ title }}<small>{{ subTitle }}</small></h3>
            </div>
            <div>
                <slot>
                    
                </slot>
            </div>
        </div>
        
    </div>
</template>
<script setup>
defineProps({
    title:{
        type:String
    },
    subTitle:{
        type:String
    }
})
</script>
<style scoped lang="scss">
.home-panel {
    background-color: #fff;

    .head {
        padding: 40px 0;
        display: flex;
        align-items: center;
    }

    h3 {
        flex: 1;
        font-size: 32px;
        font-weight: normal;
        margin-left: 6px;
        height: 35px;
        line-height: 35px;

        small {
            font-size: 16px;
            color: #999;
            margin-left: 20px;
        }
    }
}
</style>